html 
  height: 100%
  box-sizing: border-box
  body 
    height: 100%
    -moz-osx-font-smoothing: grayscale
    -webkit-font-smoothing: antialiased
    text-rendering: optimizeLegibility
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
    // overflow: hidden //有效防止在页面进行手动刷新时显示内置滚动条
#app
  height: 100%

*,
*:before,
*:after 
  box-sizing: inherit

.no-padding 
  padding: 0px !important

//面包屑
.breadcrumb
  width: 250px
  margin-left: 25px
  display: inline-block
  .el-breadcrumb
    font-size: 14px
    .el-breadcrumb__inner
      color: #fff
    .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover
      color: #97a8be

.el-card 
  box-shadow: 0 1px 1px rgba(0,0,0,0.15 )!important

.el-table
  margin-top: 18px
  font-size: 12px

.el-pagination
  margin-top: 18px

//菜单栏滚动条
.sidebar
  .sidebar-container
    transition: width 0.28s
    height: 100%
    position: fixed
    font-size: 0
    top: 0
    bottom: 0
    left: 0
    z-index: 999
    overflow: hidden

    .scrollbar-wrapper
      height: 100%

    .scrollbar-wrapper .el-scrollbar__wrap 
      overflow-x: hidden

    .el-sidebar
      background-color: #2f323a
      height: calc( 100% - 60px )

//图标滚动条
.icons
  margin-top: 15px
  .box-card  
    height: 450px
  .icon-scrollbar
    @extend .box-card
    .scrollbar-wrapper 
      height: 100%
    .scrollbar-wrapper .el-scrollbar__wrap 
      overflow-x: auto

.el-badge__content.is-fixed
  top: 18px
  right: 20px

// .el-avatar
//   // line-height: 60px

.avatar-uploader .el-upload
  border: 1px dashed #d9d9d9
  border-radius: 6px
  cursor: pointer
  position: relative
  overflow: hidden
.avatar-uploader .el-upload:hover
  border-color: #409eff
.avatar-uploader-icon 
  font-size: 28px
  color: #8c939d
  width: 50px
  height: 50px
  line-height: 50px !important
  text-align: center
.avatar 
  width: 50px
  height: 50px
  display: block
